@import url('../../utils/less/base.less');

.page {
    &>.header {
        .bgcolor(#16ad91);
        .flex-start(center);
        padding: 40rpx 32rpx;

        &>.avatar {
            .radius(100rpx);
            .bgcolor(#f5f5f5);
            .bgimg(cover, center);
            width: 120rpx;
            height: 120rpx;
        }

        &>.usernick {
            .text(30rpx, white);
            margin-left: 30rpx;
        }
    }

    &>.menus {
        .bgcolor(white);
        .radius(20rpx);
        .text(32rpx);
        margin: 32rpx;
        &>.item {
            .flex-start(center);
            padding: 28rpx 32rpx;
            border-bottom: 2rpx solid #f5f5f5;
            &>.icon { 
                width: 46rpx;
                height: 46rpx;
                margin-right: 22rpx;
            }
        }
    }
    & .img-row {
        .overflow-hidden();
        .bgcolor(white);
        .radius(12rpx);
        padding: 20rpx;
        &>.qrcodeimg {
            width: 60vw;
            height: 60vw;
        }
    }
}